/* 头部 */
#header{
	height: 54px;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
}

#header .table{
	width: 179px;
	height: 54px;
	background-color: #CF1132;
	color: white;
	text-align: center;
	line-height: 54px;
}

#header .logo{
	width: 133px;
	height: 44px;
	background: url(../images/屏幕截图%202020-10-05%20085949.png);
	background-size: cover;
}

#header .right{
	width: 179px;
	height: 54px;
	background-color: white;
	border-left: 1px solid #DADCE0;
	color: black;
	text-align: center;
	line-height: 54px;
	color: #7f7f7f;
}


/* 中部 */
#center{
	width: 100%;
	min-width: 1420px;
	height: 4312px;
	background: url(../images/bg_b8a7c8e.jpg) center top no-repeat;
	
}

/* page0 */
#center .page0{
	width: 100%;
	height: 1043px;
	overflow: hidden;
	position: relative;
}

.page0 .logo{
	position: absolute;
	background: url(../picture/logo_f3b6a6d.png);
	background-size: cover;
	width: 211px;
	height: 82px;
	top: 50px;
	left: 50px;
}

.page0 .video{
	width: 125px;
	height: 127px;
	background: url(../images/btn_video_0_098c976.png) no-repeat;
	position: absolute;
	top: 533px;
	left: 50%;
	margin-left: -621px;
	animation: fangda 2s linear infinite;
}
@keyframes fangda{
	0%{transform: scale(1.1);}
	40%{transform: scale(1.0);}
	100%{transform: scale(1.1);}
}

.video i{
	width: 125px;
	height: 127px;
	background: url(../images/btn_video_138cdfd.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.page0 .logo2{
	width: 900px;
	height: 271px;
	background: url(../images/slogan_3fffcad.png) center top no-repeat;
	margin: 577px auto 0;
}

.page0 .bottom{
	width: 1198px;
	height: 177px;
	background: url(../images/down_bg_8602196.png) no-repeat;
	margin: -5px auto 0;
	position: relative;
	overflow: hidden;
}

.page0 .ma{
	width: 101px;
	height: 132px;
	margin-left: 89px;
	margin-top: 25px;
	position: relative;
	margin-right: 48px;
	font-size: 14px;
	float: left;
}

.page0 img{
	width: 101px;
	height: 101px;
}

.page0 p{
	margin-top: 5px;
	color: #98856e;
}

.bottom a{
	width: 186px;
	height: 56px;
	float: left;
	margin-top: 85px;
	margin-right: 20px;
}

.bottom .a1{
	background: url(../images/btn_ios_ee4b063.png) no-repeat;
}

.a2{
	background: url(../images/btn_and_8e1557e.png);
}

.a3{
	background: url(../images/btn_pc_969890c.png);
}

.bottom .a4{
	float: left;
	width: 315px;
	height: 152px;
	background: url(../images/btn_lb_520575d.png);
	margin-top: 4px;
	margin-left: 20px;
	cursor: pointer;
}

.hei{
	opacity: 0.8;
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	display: none;
}

.tanchuang{
	width: 713px;
	height: 397px;
	background: url(../images/pop1_bg_9cf282e.png) no-repeat;
	margin-left: -356.5px;
	margin-top: -198.5px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10000;
	display: none;
}

.tanchuang a{
	width: 64px;
	height: 64px;
	background-image: url(../images/close2_262045a.png);
	position: absolute;
	top: -80px;
	right: -83px;
	z-index: 10001;
}

.tanchuang h4{
	padding: 72px 70px 0;
	font-weight: 700;
	font-size: 22px;
	color: #e82424;
	line-height: 32px;
}

.tanchuang h5{
	padding: 6px 70px 0;
	font-size: 22px;
	color: #78482a;
	line-height: 28px;
	font-weight: 400;
	font-style: normal;
}

.tanchuang h3{
	margin-left: 53px;
	width: 186px;
	height: 37px;
	background: #f1e3c1;
	border-radius: 20px;
	margin-top: 34px;
	font-weight: 700;
	font-size: 18px;
	color: #78482a;
	line-height: 37px;
	text-align: center;
}

.tanchuang p{
	padding: 4px 70px 0;
	font-size: 18px;   
	color: #78482a;   
	line-height: 30px;   
	display: block;
}

.tanchuang i{
	color: #E82424;
	font-size: 18px;
	line-height: 30px;
}

/* page1 */
.page1{
	width: 1200px;
	height: 622px;
	background: url(../images/bg1_218f43a.png) no-repeat center top;
	margin: 0 auto;
	padding-top: 54px;
	position: relative;
	box-sizing: border-box;
}

.page1 h2{
	width: 363px;
	height: 83px;
	background: url(../images/tit_1_979a333.png) no-repeat;
	margin: 0 auto 26px;
}

.page1 .left{
	width: 364px;
	height: 432px;
	margin-left: 82px;
	position: relative;
	float: left;
}

.page1 .imgs{
	height: 404px;
}

.page1 .imga{
	width: 360px;
	height: 400px;
	background-size: cover;
	border-radius: 12px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 1s;
}

.page1 .spans{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
}

.spans span{
	cursor: pointer;
	display: inline-block;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background-color: #e5cdaa;
	margin: 10px 8px;
	transition: all 1s;
}

.imga0{
	background: url(../picture/03cac814-7396-43cb-9a61-1ca80e3f422d.jpg) no-repeat;
}

.imga1{
	background: url(../picture/526926c9-328d-49c4-89e3-2973b0f72e55.jpg) no-repeat;
}

.imga2{
	background: url(../picture/54d5677d-4eef-4cf0-af0c-a2d7f3533338.jpg) no-repeat;
}

.imga3{
	background: url(../picture/a374a804-ab60-455f-9085-40f18dbda9fc.jpg) no-repeat;
}

.imga4{
	background: url(../picture/b4eae717-a5ae-4764-97eb-a62c76a7ee7f.jpg) no-repeat;
}

.imga5{
	background: url(../picture/b5db5cb1-2567-490c-933f-874aa09bdb26.jpg) no-repeat;
}

.imga6{
	background: url(../picture/c8afdd77-ddd6-401c-aa1d-6f7289d78f14.jpg) no-repeat;
}

.imga7{
	background: url(../picture/ca915027-0654-4a1d-9624-5d63d0e942da.jpg) no-repeat;
}

.imga8{
	background: url(../picture/cbc6d644-3bd2-4675-9a3f-66306dc76eda.jpg) no-repeat;
}

.page1 .right{
	width: 639px;
	height: 405px;
	background: url(../images/news_bg_e1e4cb3.png) no-repeat;
	float: left;
	margin-left: 48px;
	position: relative;
}

.head{
	height: 57px;
	padding-top: 5px;
	padding-left: 14px;
	box-sizing: border-box;
}

.head .news{
	width: 109px;
	height: 45px;
	font-size: 0;
	float: left;
	margin-right: 0;
}

.pic1{
	background: url(../images/btn_news_1_4e8d04c.png) no-repeat center;
}
.pic1:hover{
	background: url(../images/btn_news_1_h_0a6f302.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}
.pic00{
	background: url(../images/btn_news_1_h_0a6f302.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}

.pic2{
	background: url(../images/btn_news_2_b2c5680.png) no-repeat center;
}
.pic2:hover{
	background: url(../images/btn_news_2_h_c62afb6.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}
.pic01{
	background: url(../images/btn_news_2_h_c62afb6.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}

.pic3{
	background: url(../images/btn_news_3_f607381.png) no-repeat center;
}
.pic3:hover{
	background: url(../images/btn_news_3_h_155f59f.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}
.pic02{
	background: url(../images/btn_news_3_h_155f59f.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}

.pic4{
	background: url(../images/btn_news_4_d0094cc.png) no-repeat center;
}
.pic4:hover{
	background: url(../images/btn_news_4_h_581eeed.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}
.pic03{
	background: url(../images/btn_news_4_h_581eeed.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}

.pic5{
	background: url(../images/btn_news_5_e8083e7.png) no-repeat center;
}
.pic5:hover{
	background: url(../images/btn_news_5_h_cba9f85.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}
.pic04{
	background: url(../images/btn_news_5_h_cba9f85.png) no-repeat center,url(../images/news_btn_h_7c7f8c1.png) no-repeat center;
}


.pic6{
	width: 36px;
	height: 36px;
	background: url(../images/btn_more2_ffea77b.png) no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
}

.body{
	width: 586px;
	height: auto;
	margin-top: 5px;
	margin-left: 23px;
}

.body ul{
	width: 100%;
	height: auto;
	display: none;
}

.body a{
	width: 100%;
	height: 78px;
	padding-top: 12px;
	box-sizing: border-box;
	position: relative;
}

.body h4{
	width: 500px;
	font-weight: 700;
	font-size: 18px;
	color: #825442;
	line-height: 30px;
	padding-top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.body span{
	width: 86px;
	height: 24px;
	color: #9f8979;
	line-height: 24px;
	text-align: right;
	position: absolute;
	top: 20px;
	right: 0;
}

.body p{
	font-size: 16px;
	color: #655a52;
	line-height: 24px;
	overflow: hidden;
	padding: 0 0 10px 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px dotted #655A52;
}


/* page2 */
.page2{
	width: 1203px;
	height: 771px;
	background: url(../images/bg2_8a5547d.png) no-repeat center top;
	margin: -5px auto 0;
	padding-top: 64px;
	box-sizing: border-box;
	position: relative;
}

.page2 h2{
	width: 363px;
	height: 83px;
	background: url(../images/tit_2_d071d6a.png) no-repeat;
	margin: 0 auto 26px;
}

.page2 a{
	width: 65px;
	height: 40px;
	position: absolute;
	top: 394px;
}

.page2 .prev{
	left: 30px;
	background: url(../images/btn_prev_488f58c.png) no-repeat;
}

.page2 .next{
	right: 30px;
	background: url(../images/btn_next_902c13a.png) no-repeat;
}

.page2 .center{
	width: 908px;
	height: 552px;
	margin: 34px auto 0;
	position: relative;
}

.page2 .top{
	height: 500px;
	width: 906px;
	position: relative;
}

.top img{
	width: 900px;
	height: 494px;
	border: 3px solid rgba(171,116,82,.43);
	border-radius: 16px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 1s;
}

.page2 .bottom{
	height: 52px;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -35px;
}

.bottom span{
	cursor: pointer;
	display: inline-block;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background-color: #e5cdaa;
	margin: 0 8px;
	transition: all 1s;
}

/* page3 */
.page3{
	width: 1206px;
	height: 619px;
	background: url(../images/bg3_10b3a6c.png) no-repeat center top;
	margin: -8px auto 0;
	padding-top: 60px;
	box-sizing: border-box;
	position: relative;
}

/* page4 */
.page4{
	width: 1203px;
	height: 663px;
	background: url(../images/bg4_8c88a1a.png) no-repeat center top;
	margin: -23px auto 0;
	padding-top: 60px;
	box-sizing: border-box;
	position: relative;
}

.page4 h2{
	width: 363px;
	height: 83px;
	background: url(../images/tit_4_83853a0.png);
	margin: 0 auto 38px;
}

.page4 .btnmore{
	width: 118px;
	height: 48px;
	background: url(../images/btn_more_d8a7823.png) no-repeat;
	position: absolute;
	right: 45px;
	top: 120px;
}

.page4 .boxs{
	width: 692px;
	height: 440px;
	float: left;
	margin-left: 110px;
}

.page4 li{
	width: 316px;
	height: 201px;
	background: url(../images/video_bg_a29f068.png);
	float: left;
	margin-right: 26px;
	margin-bottom: 20px;
}

.boxs a{
	width: 294px;
	height: 156px;
	margin: 9px auto 0;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	background-size: cover;
}

.img1{
	background: url(../picture/32c596a7-d2d0-4473-ae63-7b7d85190a92.jpg);
}

.img2{
	background: url(../picture/58fa4a97-5010-4f27-be32-b0445b8b6cbd.jpg);
}

.img3{
	background: url(../picture/989639e1-847d-47b0-ac6f-3728feecc5f8.jpg);
}

.img4{
	background: url(../picture/b4eae717-a5ae-4764-97eb-a62c76a7ee7f.jpg);
}

.boxs i{
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
}
.boxs i:hover{
	opacity: 0;
}

.boxs span{
	width: 63px;
	height: 63px;
	background: url(../images/btn_video_138cdfd.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -31.5px;
	animation: xuanzhuan 2s linear infinite;
}
@keyframes xuanzhuan{
    0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.boxs p{
	width: 290px;
	font-weight: 700;
	font-size: 16px;
	color: #693b12;
	line-height: 24px;
	margin: 6px auto 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.boxs2{
	width: 216px;
	height: 414px;
	float: left;
	margin-left: 100px;
	margin-top: 6px;
	border-radius: 12px;
	padding-top: 20px;
	box-sizing: border-box;
}

.boxs2 a{
	width: 175px;
	height: 47px;
	background-color: rgba(134,99,67,.278);
	border-radius: 8px;
	text-align: center;
	margin: 0 auto 6px;
	line-height: 42px;
}

.boxs2 a:hover{
	background-color: rgba(134,99,67,.5);
}

/* page5 */
.page5{
	width: 1202px;
	height: 227px;
	background: url(../images/bg5_3eb6a2a.png) no-repeat center top;
	margin: 34px auto 0;
	position: relative;
	overflow: hidden;
}

.page5 ul{
	width: 100%;
	height: auto;
	margin: 46px auto 0;
	text-align: center;
}

.page5 li{
	width: 130px;
	height: auto;
	display: inline-block;
	margin: 0 36px;
}



/* 尾部 */
#footer{
	width: 100%;
	height: 311px;
	background-color: #000000;
	color: #ccc;
	position: relative;
}

#footer .messages{
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}

.images img{
	width: 450px;
	height: 60px;
}

.images span{
	display: block;
}


